<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!-- header -->
<div class="header">
	<div class="header-grid">
		<div class="container">
			<div class="header-left animated wow fadeInLeft" data-wow-delay=".5s">
				<ul>
					<li><i class="glyphicon glyphicon-headphones"
						style="color: red;"></i><a href="#">24x7 免费电话</a></li>
					<li><i class="glyphicon glyphicon-envelope"
						style="color: red;"></i><a href="mailto:info@example.com">dglq163@163.com</a></li>


				</ul>
			</div>
			<div class="header-right animated wow fadeInRight"
				data-wow-delay=".5s">
				<div class="header-right1 ">
					<ul>

						<li><i class="glyphicon glyphicon-repeat"
							style="color: rgb(95, 123, 205);"></i><a href="login.jsp">注册/登陆</a></li>
						<li><i class="glyphicon glyphicon-user"
							style="color: rgb(95, 123, 205);"></i><a href="login.jsp">个人中心</a></li>
					</ul>
				</div>
				<div class="header-right2">
					<div class="cart box_1">
						<a href="checkout.jsp">
							<h3>
								<div class="total">
									<span class="simpleCart_total"></span> <spanid="simpleCart_quantity" class="simpleCart_quantity"style="color:blue;"></span>
								</div>
								<img src="images/cart.png" alt="" />
							</h3>
						</a>
						<p>
							<a href="javascript:;" class="simpleCart_empty">清空购物车</a>
						</p>
						<div class="clearfix"></div>
					</div>
				</div>
				<div class="clearfix"></div>
			</div>
			<div class="clearfix"></div>
		</div>
	</div>
	<div class="container">
		<div class="logo-nav">

			<nav class="navbar navbar-default">
				<!-- Brand and toggle get grouped for better mobile display -->
				<div class="navbar-header nav_2">
					<button type="button"
						class="navbar-toggle collapsed navbar-toggle1"
						data-toggle="collapse" data-target="#bs-megadropdown-tabs">
						<span class="sr-only">Toggle navigation</span> <span
							class="icon-bar"></span> <span class="icon-bar"></span> <span
							class="icon-bar"></span>
					</button>
					<div class="navbar-brand logo-nav-left ">
						<h1 class="animated wow pulse" data-wow-delay=".5s">
							<a href="index.jsp">CDIO<span>Style</span></a>
						</h1>
					</div>

				</div>
				<div class="collapse navbar-collapse" id="bs-megadropdown-tabs">
					<ul class="nav navbar-nav">
						<li class="active"><a href="index.jsp" class="act"><i
								class="glyphicon glyphicon-home"></i>主页</a></li>
						<!-- Mega Menu -->
						<li class="dropdown"><a href="#" class="dropdown-toggle"
							data-toggle="dropdown"><i class="glyphicon glyphicon-globe"
								style="color: gold;"></i>女装 <b class="caret"></b></a>
							<ul class="dropdown-menu multi">
								<div class="row">
									<div class="col-sm-4">
										<ul class="multi-column-dropdown">
											<h6>Submenu1</h6>
											<li><a href="products.jsp">Accessories</a></li>
											<li><a href="products.jsp">Bags</a></li>
											<li><a href="products.jsp">Caps & Hats</a></li>
											<li><a href="products.jsp">Hoodies & Sweatshirts</a></li>
										</ul>
									</div>
									<div class="col-sm-4">
										<ul class="multi-column-dropdown">
											<h6>Submenu2</h6>
											<li><a href="products.jsp">Jackets & Coats</a></li>
											<li><a href="products.jsp">Jeans</a></li>
											<li><a href="products.jsp">Jewellery</a></li>
											<li><a href="products.jsp">Jumpers & Cardigans</a></li>
											<li><a href="products.jsp">Leather Jackets</a></li>
											<li><a href="products.jsp">Long Sleeve T-Shirts</a></li>

										</ul>
									</div>
									<div class="col-sm-4">
										<ul class="multi-column-dropdown">
											<h6>Submenu3</h6>
											<li><a href="products.jsp">Shirts</a></li>
											<li><a href="products.jsp">Shoes, Boots & Trainers</a></li>
											<li><a href="products.jsp">Sunglasses</a></li>
											<li><a href="products.jsp">Sweatpants</a></li>
											<li><a href="products.jsp">Swimwear</a></li>
											<li><a href="products.jsp">Trousers & Chinos</a></li>

										</ul>
									</div>
									<div class="clearfix"></div>
								</div>
								<div class="row-top">
									<div class="col-sm-6 row1">
										<a href="products.jsp"><img src="images/me.jpg" alt=""
											class="img-responsive"></a>
									</div>
									<div class=" col-sm-6 row2">
										<a href="products.jsp"><img src="images/me1.jpg" alt=""
											class="img-responsive"></a>
									</div>
									<div class="clearfix"></div>
								</div>
							</ul></li>
						<li class="dropdown"><a href="#" class="dropdown-toggle"
							data-toggle="dropdown"><i
								class="glyphicon glyphicon-sunglasses" style="color: green;"></i>男装
								<b class="caret"></b></a>
							<ul class="dropdown-menu multi multi1">
								<div class="row">
									<div class="col-sm-4">
										<ul class="multi-column-dropdown">
											<h6>Submenu1</h6>

											<li><a href="products.jsp">Accessories</a></li>
											<li><a href="products.jsp">Bags</a></li>
											<li><a href="products.jsp">Caps & Hats</a></li>
											<li><a href="products.jsp">Hoodies & Sweatshirts</a></li>

										</ul>
									</div>
									<div class="col-sm-4">
										<ul class="multi-column-dropdown">
											<h6>Submenu2</h6>
											<li><a href="products.jsp">Jackets & Coats</a></li>
											<li><a href="products.jsp">Jeans</a></li>
											<li><a href="products.jsp">Jewellery</a></li>
											<li><a href="products.jsp">Jumpers & Cardigans</a></li>
											<li><a href="products.jsp">Leather Jackets</a></li>
											<li><a href="products.jsp">Long Sleeve T-Shirts</a></li>

										</ul>
									</div>
									<div class="col-sm-4">
										<ul class="multi-column-dropdown">
											<h6>Submenu3</h6>
											<li><a href="products.jsp">Shirts</a></li>
											<li><a href="products.jsp">Shoes, Boots & Trainers</a></li>
											<li><a href="products.jsp">Sunglasses</a></li>
											<li><a href="products.jsp">Sweatpants</a></li>
											<li><a href="products.jsp">Swimwear</a></li>
											<li><a href="products.jsp">Trousers & Chinos</a></li>

										</ul>
									</div>
									<div class="clearfix"></div>
								</div>
								<div class="row-top">
									<div class="col-sm-6 row1">
										<a href="products.jsp"><img src="images/me2.jpg" alt=""
											class="img-responsive"></a>
									</div>
									<div class=" col-sm-6 row2">
										<a href="products.jsp"><img src="images/me3.jpg" alt=""
											class="img-responsive"></a>
									</div>
									<div class="clearfix"></div>
								</div>
							</ul></li>

						<li class="dropdown"><a href="#" class="dropdown-toggle"
							data-toggle="dropdown"><i
								class="glyphicon glyphicon-headphones"
								style="color: rgb(179, 214, 110);"></i>数码产品 <b class="caret"></b></a>
							<ul class="dropdown-menu multi">
								<div class="row">
									<div class="col-sm-4">
										<ul class="multi-column-dropdown">
											<h6>Submenu1</h6>

											<li><a href="products.jsp">Accessories</a></li>
											<li><a href="products.jsp">Bags</a></li>
											<li><a href="products.jsp">Caps & Hats</a></li>
											<li><a href="products.jsp">Hoodies & Sweatshirts</a></li>

										</ul>
									</div>
									<div class="col-sm-4">
										<ul class="multi-column-dropdown">
											<h6>Submenu2</h6>
											<li><a href="products.jsp">Jackets & Coats</a></li>
											<li><a href="products.jsp">Jeans</a></li>
											<li><a href="products.jsp">Jewellery</a></li>
											<li><a href="products.jsp">Jumpers & Cardigans</a></li>
											<li><a href="products.jsp">Leather Jackets</a></li>
											<li><a href="products.jsp">Long Sleeve T-Shirts</a></li>

										</ul>
									</div>
									<div class="col-sm-4">
										<ul class="multi-column-dropdown">
											<h6>Submenu3</h6>
											<li><a href="products.jsp">Shirts</a></li>
											<li><a href="products.jsp">Shoes, Boots & Trainers</a></li>
											<li><a href="products.jsp">Sunglasses</a></li>
											<li><a href="products.jsp">Sweatpants</a></li>
											<li><a href="products.jsp">Swimwear</a></li>
											<li><a href="products.jsp">Trousers & Chinos</a></li>

										</ul>
									</div>
									<div class="clearfix"></div>
								</div>
								<div class="row-top">
									<div class="col-sm-6 row1">
										<a href="products.jsp"><img src="images/me.jpg" alt=""
											class="img-responsive"></a>
									</div>
									<div class=" col-sm-6 row2">
										<a href="products.jsp"><img src="images/me1.jpg" alt=""
											class="img-responsive"></a>
									</div>
									<div class="clearfix"></div>
								</div>
							</ul></li>
						<li><a href="contact.jsp">联系我们</a></li>
					</ul>
				</div>
			</nav>
		</div>

	</div>
</div>
<!-- //header -->
